<html>
	<head>
		<title>maquetacion1</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/styles.css" />
		<link rel="stylesheet" href="css/home.css" />
	</head>
	<body>
	
		
		<div id="header">
			
		</div>
		<div id="body">
		
			<div class="column_1_3 hiddenOnPhone">
				<div class="box">
					<h2>RUTAS MAS PRECISAS</h2>
					<img src="imagenes/destacado1.jpg" class="column_1_1" />
					<div class="box_content" >
						Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.
						<br />
						<a href="#" class="button">MÁS INFO</a>
					</div>
				</div>
			</div><!--
			--><div class="column_1_3 hiddenOnPhone">
				<div class="box">
					<h2>RETA A TUS AMIGOS</h2>
					<img src="imagenes/destacado2.jpg" class="column_1_1" />
					<div class="box_content" >
						Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.
						<br />
						<a href="#" class="button">MÁS INFO</a>
					</div>
				</div>
			</div><!--
			--><div class="column_1_3 hiddenOnPhone">
				<div class="box">
					<h2>60 ACTIVIDADES</h2>
					<img src="imagenes/destacado3.jpg" class="column_1_1" />
					<div class="box_content" >
						Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.
						<br />
						<a href="#" class="button">MÁS INFO</a>
					</div>
				</div>
			</div>
			
			<div class="column_2_3">
				<div class="box">
					mapa
				</div>
			
			</div><!--
			--><div class="column_1_3">
				<div class="box">
					<h2>VERSIÓN MÓVIL</h2>
                    <img src="imagenes/mv.png" width="100%" alt="Imágen aplicación móvil" />
				</div>
			</div>
			
			<div class="column_2_3">
				<div class="box">
					<div class="column_4_5"><h2>ÚLTIMAS RUTAS ACTIVAS</h2></div><div class="column_1_5 text_align_right"><h2><img src="imagenes/icono_mapa.png" /></h2></div>
					<div class="box_content" id="update" >
						<div class="lista">
							<div class="column_1_10">
								<img src="imagenes/icono_ciclista.png" />
							</div><!--
							--><div class="column_6_10">
								<a href="#" class="titulo_ruta_activa">Estrella de levante + Coto cuadros</a><br />
								Dist: 16.81km<br />
								Dific: La puede hacer todo el mundo
							</div><!--
							--><div class="column_3_10">
								<div class="column_1_3">
									<img class="foto_usuario hiddenOnPhone" src="imagenes/foto_usuario_ejemplo.jpg" />
								</div><!--
								--><div class="column_2_3 text_align_right">
									Chad Engle
								</div>
								<div class="background_grey text_align_center fecha_subida_ruta">
									1 Nov 2014 - 10:59 AM
								</div>
							</div>
						</div>
						
						
					</div>
				</div>
			
			</div><!--
			--><div class="column_1_3">
				<div class="box">
					<div class="column_2_3"><h2>RANKING DE USUARIOS</h2></div><div class="column_1_3 text_align_right"><h2><img src="imagenes/icono_ranking.png" /></h2></div>
						<div class="box_content" >
							<div class="lista">
								<div class="column_1_3">
									<span class="posicion vertical_middle" >1</span>&nbsp;
									<img class="trofeo" src="imagenes/trofeo_oro.png" />
									<img class="foto_usuario vertical_middle" src="imagenes/foto_usuario_ejemplo.jpg" />
								</div><!--
								--><div class="column_1_3" style="height:40px">
									<span class="vertical_middle">Chad Engle</span>
									<img class="vertical_middle" style="height:40px; width:1px;" src="imagenes/pixel_transparent.png" />
								</div><!--
								--><div class="column_1_3">
									<span class="vertical_middle distancia_recorrida" >Dist. Recorrida:</span>
									<span class="vertical_middle color_blue" >16.81km</span>
								</div>
							</div>
							<div class="lista">
								<div class="column_1_3">
									<span class="posicion vertical_middle" >2</span>&nbsp;
									<img class="foto_usuario vertical_middle" src="imagenes/foto_usuario_ejemplo.jpg" />
								</div><!--
								--><div class="column_1_3">
									<span class="vertical_middle">Chad Engle</span>
									<img class="vertical_middle" style="height:40px; width:1px;" src="imagenes/pixel_transparent.png" />
								</div><!--
								--><div class="column_1_3" style="height:40px;">
									<span class="distancia_recorrida" >Dist. Recorrida:</span>
									<span class="color_blue" >16.81km</span>
								</div>
							</div>
						</div>
				</div>
			</div>
			
			
		</div>
	
		<img id="background_logo" src="imagenes/logo_fondo.png"/>
	
		<div id="footer">
			<div id="footer_top">
				<div class="max_width_medium">
					<div class="column_1_3">
						<div id="menu_footer">
							<ul>
								<li><a href="#">INICIO</a></li>
								<li><a href="#">RUTAS</a></li>
								<li><a href="#">ACTIVIDADES</a></li>
								<li><a href="#">ÚLTIMAS RUTAS</a></li>
								<li><a href="#">SUBIR RUTA</a></li>
								<li><a href="#">CONTACTO</a></li>
							</ul>
						</div>
					</div><!--
					--><div class="column_1_3">
						<div id="twitter_footer">
							<div class="footer_title">TWITTER</div>
							<div class="twitter_entry">
								<span class="twitter_footer_name">@ericafustero</span> Disfrutando de una de las mejores rutas de Calblanque gracias <span class="twitter_footer_name">@Cadaruta</span>
							</div>
							<div class="twitter_entry">
								<span class="twitter_footer_name">@Cadaruta</span> Mejoramos el sistema GPS para que tus rutas sean cada día más precisas.
							</div>
						</div>
					</div><!--
					--><div class="column_1_3">
						<div id="footer_ranking">
							<div class="footer_title">RANKING</div>
							<div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_1.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_2.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_3.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_4.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_5.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_6.jpg" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div id="footer_middle">
				<div class="max_width_medium">
					<div class="column_1_2">
						<div id="footer_newslatter">
							<span>
								<input type="text" placeholder="introduce email para newslatter" />
								<a href="#" class="footer_newslatter_button">></a>
							</span>
						</div>
					</div><!--
					--><div class="column_1_2">
						<div id="footer_social">
							<a href="#"><img src="imagenes/footer_facebook_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_twitter_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_google+_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_linkedin_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_flickr_icon.png" /></a>
						</div>
					</div>
				</div>
			</div>
			
			<div id="footer_bottom">
				<div class="max_width_medium">
                	<div class="column_1_4">
                        Copyright © CadaRuta 2013.
                        <br>
                        Diseñado por AdValley
                    </div><!--
					--><div class="column_3_4" id="footer_terms">
                        <a href="#">Términos de uso</a> / <a href="#">Política de privacidad</a> / <a href="#">Acerca de CadaRuta</a> / <a href="#">Preguntas Frecuentes</a>
                    </div>
				</div>
			</div>
		</div>

	<!-- End Save for Web Slices -->
	</body>
</html>